*{
    padding: 0;
    margin: 0;
}
body{
    background-image: url(../img/背景7.jpg);
    background-repeat: no-repeat;
}
.box{
    width: 1000px;
    height: 500px;
    border: 1px solid red;
    position: absolute;
    top: 27%;
    right: 15%;
}
.lf{
    width: 20%;
    height: 100%;
    border-right: 1px solid blue;
    float: left;
    overflow: hidden;
}
.lf img{
    width: 100%;
    height: 100%;
}
.rg{
    width: 79%;
    height: 100%;
    float: right;
}
.top,.btm{
    width: 100%;
    height: 50%;
    overflow: hidden;
}
.top div,.btm div{
    width: 25%;
    height: 100%;
    float: left;
    padding: 0%;
    overflow: hidden;
}
.top img,.btm img{
    width: 90%;
    height: 90%;
    padding: 5%;
    float: left;
}
h1{
    text-align: center;
}